<template>
  <a-card :bordered='false'>
    <!-- 查询区域 -->
    <div class='table-page-search-wrapper'>
      <a-form layout='inline' @keyup.enter.native='searchQuery'>
        <a-row :gutter='24'>
          <a-col :xl='6' :lg='7' :md='8' :sm='24'>
            <a-form-item label='税款日期'>
              <j-date placeholder='请选择税款日期' v-model='initSkrq'  @change="handleChangeForDate" style='width: 100%'></j-date>
            </a-form-item>
          </a-col>
          <a-col :xl='6' :lg='7' :md='8' :sm='24'>
            <a-form-item label='完税类型'>
              <j-dict-select-tag type="list"  placeholder='请选择完税类型' v-model='queryParam.wslx' dictCode="bu_jygl_wslx" />
            </a-form-item>
          </a-col>
          <a-col :xl='6' :lg='7' :md='8' :sm='24'>
            <a-form-item label='代征主体'>
              <j-search-select-tag type="list"  placeholder='请输入代征主体' v-model='queryParam.dzzt' @change="handleChange"  dict="v_jygl_dzzt,name,code" />
            </a-form-item>
          </a-col>
          <a-col :xl='6' :lg='7' :md='8' :sm='24'>
            <a-form-item label='代理名称'>
              <j-search-select-tag type="list"  placeholder='请输入代理名称' v-model='queryParam.dlmc' @change="handleChangeDlmc" :dictOptions="dlmcDictOptions" />
            </a-form-item>
          </a-col>
          <a-col :xl='6' :lg='7' :md='8' :sm='24'>
            <a-form-item label="企业名称">
              <j-search-select-tag type="list" v-model="queryParam.qymc" :dictOptions="qymcDictOptions"  placeholder="企业名称" />
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="被代征纳税人">
              <a-input placeholder="请输入被代征纳税人" v-model="queryParam.bdznsr"></a-input>
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="被代征纳税人识别号">
              <a-input placeholder="请输入被代征纳税人识别号" v-model="queryParam.bdznsrsbh"></a-input>
            </a-form-item>
          </a-col>


          <!--          <template v-if="toggleSearchStatus">-->

          <a-col :xl='6' :lg='7' :md='8' :sm='24'>
            <a-form-item label='选择录入日期'>
              <j-date placeholder='选择录入日期' v-model='queryParam.lrrq' style='width: 100%' ></j-date>
            </a-form-item>
          </a-col>
          <!--          </template>-->
          <a-col :xl='6' :lg='7' :md='8' :sm='24'>
            <span style='float: left;overflow: hidden;' class='table-page-search-submitButtons'>
              <a-button type='primary' @click="beforeSearchQuery" icon='search'>查询</a-button>
              <a-button type='primary' @click="searchReset('1')" icon='reload' style='margin-left: 8px'>重置</a-button>

            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>
    <!-- 查询区域-END -->

    <!-- 操作按钮区域 -->
    <div class='table-operator'>
      <!--      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>-->

      <a-button type='primary' icon='download' @click="handleExportZip('人力资源完税')">导出</a-button>
      <a-button v-print="'#printContent'" ref="printHiddenBtn1" style="display:none;"></a-button>
      <a-button v-print="'#printContent1'" ref="printHiddenBtn2" style="display:none;"></a-button>

      <a-button type='primary' icon='printer' @click="beforeHandlePrint" >打印(实缴)</a-button>
      <a-button type='primary' icon='printer' @click="beforeHandlePrintDz" >打印(代征)</a-button>

    </div>
    <!-- <div>
        <a-list size="small" itemLayout="vertical" bordered :data-source="data3">
          <template #renderItem="{ item }">
            <a-list-item>{{ item }}</a-list-item>
          </template>
          <template #header>
            <div>打印列表</div>
          </template>
        </a-list>
    </div> -->

    <a-tabs :activeKey="tabActiveKey" :animated=false @change="changeTab">
      <a-tab-pane key="1" tab="数据列表" >
        <!-- table区域-begin -->
        <div>
          <div class='ant-alert ant-alert-info' style='margin-bottom: 16px;'>
            <i class='anticon anticon-info-circle ant-alert-icon'></i>
            <a style='margin-left: 24px'></a>
            <a-popover title='自定义列' trigger='click' placement='leftBottom' :overlayStyle="{width:'50%'}">
              <template slot='content' class='popoverWidth'>
                <a-checkbox-group @change='onColSettingsChange' v-model='settingColumns' :defaultValue='settingColumns'>
                  <a-row>
                    <template v-for='(item,index) in defColumns'>
                      <template v-if="item.key!='rowIndex'&& item.dataIndex!='action'">
                        <a-col :span='8'>
                          <a-checkbox :value='item.dataIndex'>{{ item.title }}</a-checkbox>
                        </a-col>
                      </template>
                    </template>
                  </a-row>
                </a-checkbox-group>
              </template>
              <a class='floatRight'>
                <a-icon type='setting' />
                自定义列</a>
            </a-popover>
            <!--        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
                    <a style="margin-left: 24px" @click="onClearSelected">清空</a>-->
          </div>
          <a-table
            ref='table'
            size='middle'
            :scroll='{x:true}'
            bordered
            rowKey='id'
            :columns='columns'
            :dataSource='dataSource'
            :pagination='ipagination'
            :loading='loading'
            :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
            class='j-table-force-nowrap'
            @change='handleTableChange'>

            <template slot='htmlSlot' slot-scope='text'>
              <div v-html='text'></div>
            </template>
            <template slot='imgSlot' slot-scope='text'>
              <span v-if='!text' style='font-size: 12px;font-style: italic;'>无图片</span>
              <img v-else :src='getImgView(text)' height='25px' alt=''
                  style='max-width:80px;font-size: 12px;font-style: italic;' />
            </template>
            <template slot='fileSlot' slot-scope='text'>
              <span v-if='!text' style='font-size: 12px;font-style: italic;'>无文件</span>
              <a-button
                v-else
                :ghost='true'
                type='primary'
                icon='download'
                size='small'
                @click='downloadFile(text)'>
                下载
              </a-button>
            </template>

            <span slot='action' slot-scope='text, record'>
              <a @click='handleEdit(record)'>编辑</a>

              <a-divider type='vertical' />
              <a-dropdown>
                <a class='ant-dropdown-link'>更多 <a-icon type='down' /></a>
                <a-menu slot='overlay'>
                  <a-menu-item>
                    <a @click='handleDetail(record)'>详情</a>
                  </a-menu-item>
                  <a-menu-item>
                    <a-popconfirm title='确定删除吗?' @confirm='() => handleDelete(record.id)'>
                      <a>删除</a>
                    </a-popconfirm>
                  </a-menu-item>
                </a-menu>
              </a-dropdown>
            </span>

          </a-table>
        </div>

      </a-tab-pane>
      <a-tab-pane key="2" tab="打印列表(实缴)" force-render>
        <a-row>
          <a-col :span="4">
            <a-list size="small" bordered :data-source="sjPrintList" style="width: 320px;">

              <a-list-item slot="renderItem" slot-scope="item, index">
                {{ index+1 }}.    <a  @click="printListClick(item.num, 2, 1)"><span style="font-size:14px;">{{ item.des }}</span></a>
                <template #actions>
                  <a  @click="printListClick(item.num, 2, 1)">打印</a>
                  <a  v-show="item.num==printDataLoadStatus"  @click="printListClick(item.num, 2, 2)">重新载入</a>
                </template>
              </a-list-item>
              <template #header>
                <div>{{printing}}</div>
              </template>
            </a-list>
          </a-col>
          <a-col :span="20">
            <template>
              <div class='print-table' style='display:block'>
                <section ref='print' id='printContent'>
                  <template v-for=' (ds , i ) in dataPrintSource' >
                    <div style="page-break-after:always">
                      <a-table
                        class="containerPrint"
                        :rowKey='(record,index)=>{return index}'
                        :dataSource='ds'
                        :columns='printColumns[i]'
                        bordered
                        :pagination='false'
                      >
        <!--                <template slot='htmlSlot' slot-scope='text'>
                          <div v-html='text'></div>
                        </template>-->
                        <p style="page-break-after: always;"></p>
                      </a-table>
                    </div>


                  </template>


                </section>
              </div>
            </template>
          </a-col>
        </a-row>



      </a-tab-pane>
      <a-tab-pane key="3" tab="打印列表(代征)">
        <a-row>
          <a-col :span="4">
            <a-list size="small" bordered :data-source="sjPrintList" style="width: 320px;">

              <a-list-item slot="renderItem" slot-scope="item, index">
                {{ index+1 }}.    <a  @click="printListClick(item.num, 2, 1)"><span style="font-size:14px;">{{ item.des }}</span></a>
                <template #actions>
                  <a  @click="printListClick(item.num, 3, 1)">打印</a>
                  <a  v-show="item.num==printDataLoadStatus"  @click="printListClick(item.num, 3, 2)">重新载入</a>
                </template>
              </a-list-item>
              <template #header>
                <div>{{printing}}</div>
              </template>
            </a-list>
          </a-col>
          <a-col :span="20">
            <template>
              <div class='print-table' style='display:block'>
                <section ref='print' id='printContent1'>
                  <template v-for=' (ds , i ) in dataPrintSource1' >
                    <div style="page-break-after:always">
                      <a-table
                        class="containerPrint"
                        :rowKey='(record,index)=>{return index}'
                        :dataSource='ds'
                        :columns='printColumns1[i]'
                        bordered
                        :pagination='false'
                      >
                        <!--                <template slot='htmlSlot' slot-scope='text'>
                                          <div v-html='text'></div>
                                        </template>-->
                        <p style="page-break-after: always;"></p>
                      </a-table>
                    </div>


                  </template>


                </section>
              </div>
            </template>
          </a-col>
        </a-row>

      </a-tab-pane>
    </a-tabs>


    <bu-gsfwpt-rlzy-modal ref='modalForm' @ok='modalFormOk'></bu-gsfwpt-rlzy-modal>
  </a-card>
</template>

<script>

import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import BuGsfwptRlzyModal from './modules/BuGsfwptRlzyModal'
import Vue from 'vue'
import ACol from "ant-design-vue/es/grid/Col";
import ARow from "ant-design-vue/es/grid/Row";
import ATextarea from 'ant-design-vue/es/input/TextArea'
import {getAction} from "@api/manage";

export default {
  name: 'BuGsfwptRlzyList',
  mixins: [JeecgListMixin, mixinDevice],
  components: {
    ATextarea,
    ARow,
    ACol,
    BuGsfwptRlzyModal
  },
  data() {
    return {
      description: '人力资源完税管理页面',
      initSkrq : null ,
      initDzzt : '' ,
      dzztDictOptions : [] ,
      dlmcDictOptions : [] ,
      qymcDictOptions : [] ,
      tabActiveKey: '1',
      /*printObj: {
        id: "printContent",//要打印的id名 无#号
        popTitle:'&nbsp;',//页眉标题 默认浏览器标题 空字符串时显示undefined 使用html语言
        extraHead:'',//头部文字 默认空
      },*/
      // 表头
      /*printColumns:[
        {
          title: '委托代征申报缴款查询',
          align: 'center',
          children: [
            {
              title: '企业',
              align: 'center',
              children: [

                {
                  title: '代征号',
                  align: 'center',
                  dataIndex: 'dzh'
                },
                {
                  title: '办税服务厅',
                  align: 'center',
                  dataIndex: 'fwt'
                },
                {
                  title: '被代征纳税人',
                  align: 'center',
                  dataIndex: 'bdznsr'
                }

              ]
            },
            {
              title: '企业',
              align: 'center',
              children: [

                {
                  title: '被代征纳税人识别号',
                  align: 'center',
                  dataIndex: 'bdznsrsbh'
                },
                {
                  title: '征收项目',
                  align: 'center',
                  dataIndex: 'zsxm',
                  customRender: (text, record) => {//根据状态判断字体
                    if (record.zsxm == '1') {
                      return '个人所得税'
                    } else {
                      return text
                    }
                  }
                },
                {
                  title: '征收品目',
                  align: 'center',
                  dataIndex: 'zspm',
                  customRender: (text, record) => {//根据状态判断字体
                    if (record.zspm == '1') {
                      return '经营所得'
                    } else {
                      return text
                    }
                  }
                },
                {
                  title: '税款所属期',
                  align: 'center',
                  dataIndex: 'skssq'
                }
              ]
            },
            {
              title: '企业',
              align: 'center',
              children: [


                {
                  title: '交易金额',
                  align: 'center',
                  dataIndex: 'jsyj',
                  customRender: (text, record) => {//根据状态判断字体
                    if (record.jsyj >= 98000) {
                      return <span style='color: red'>{text}</span>
                    } else {
                      return text
                    }
                  }
                },
                {
                  title: '税率',
                  align: 'center',
                  dataIndex: 'sl'
                },
                {
                  title: '应代征税额',
                  align: 'center',
                  dataIndex: 'ydzse'
                },
                {
                  title: '实缴税额',
                  align: 'center',
                  dataIndex: 'sjse'
                }
              ]
            }
          ]
        }

      ],*/
      // 表头
      columns: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: function(t, r, index) {
            return parseInt(index) + 1
          }
        },
        {
          title:'代征主体',
          align:"center",
          dataIndex: 'dzzt'
        },
        {
          title:'代理名称',
          align:"center",
          dataIndex: 'dlmc'
        },
        {
          title: '企业名称',
          align: 'center',
          dataIndex: 'qymc'
        },
        {
          title: '代征号',
          align: 'center',
          dataIndex: 'dzh'
        },
        {
          title: '办税服务厅',
          align: 'center',
          dataIndex: 'fwt'
        },
        {
          title: '被代征纳税人',
          align: 'center',
          dataIndex: 'bdznsr'
        },
        {
          title: '被代征纳税人识别号',
          align: 'center',
          dataIndex: 'bdznsrsbh'
        },
        {
          title: '征收项目',
          align: 'center',
          dataIndex: 'zsxm_dictText'
        },
        {
          title: '征收品目',
          align: 'center',
          dataIndex: 'zspm_dictText'
        },
        {
          title: '税款所属期',
          align: 'center',
          dataIndex: 'skssq'
        },
        {
          title: '计税依据',
          align: 'center',
          dataIndex: 'jsyj',
          customRender: (text, record) => {//根据状态判断字体
            if (record.total >= 98000) {
              return <span style='color: red'>{text}</span>
            } else {
              return text
            }
          }
        },
        {
          title: '税率',
          align: 'center',
          dataIndex: 'sl'
        },
        {
          title: '应代征税额',
          align: 'center',
          dataIndex: 'ydzse'
        },
        {
          title: '实缴税额',
          align: 'center',
          dataIndex: 'sjse'
        },
        {
          title:'完税类型',
          align:"center",
          dataIndex: 'wslx_dictText'
        }
        /*{
          title:'录入日期',
          align:"center",
          dataIndex: 'lrrq',
          customRender:function (text) {
            return !text?"":(text.length>10?text.substr(0,10):text)
          }
        },*/
        /*{
          title:'税款日期',
          align:"center",
          dataIndex: 'skrq',
          customRender:function (text) {
            return !text?"":(text.length>10?text.substr(0,10):text)
          }
        },*/
        /*{
          title: '操作',
          dataIndex: 'action',
          align:"center",
          fixed:"right",
          width:147,
          scopedSlots: { customRender: 'action' }
        }*/
      ],
      //列设置
      settingColumns: [],
      //列定义
      defColumns: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: function(t, r, index) {
            return parseInt(index) + 1
          }
        },
        {
          title:'代征主体',
          align:"center",
          dataIndex: 'dzzt'
        },
        {
          title:'代理名称',
          align:"center",
          dataIndex: 'dlmc'
        },
        {
          title: '企业名称',
          align: 'center',
          dataIndex: 'qymc'
        },
        {
          title: '代征号',
          align: 'center',
          dataIndex: 'dzh'
        },
        {
          title: '办税服务厅',
          align: 'center',
          dataIndex: 'fwt'
        },
        {
          title: '被代征纳税人',
          align: 'center',
          dataIndex: 'bdznsr'
        },
        {
          title: '被代征纳税人识别号',
          align: 'center',
          dataIndex: 'bdznsrsbh'
        },
        {
          title: '征收项目',
          align: 'center',
          dataIndex: 'zsxm_dictText'
        },
        {
          title: '征收品目',
          align: 'center',
          dataIndex: 'zspm_dictText'
        },
        {
          title: '税款所属期',
          align: 'center',
          dataIndex: 'skssq'
        },
        {
          title: '计税依据',
          align: 'center',
          dataIndex: 'jsyj',
          customRender: (text, record) => {//根据状态判断字体
            if (record.total >= 98000) {
              return <span style='color: red'>{text}</span>
            } else {
              return text
            }
          }
        },
        {
          title: '税率',
          align: 'center',
          dataIndex: 'sl'
        },
        {
          title: '应代征税额',
          align: 'center',
          dataIndex: 'ydzse'
        },
        {
          title: '实缴税额',
          align: 'center',
          dataIndex: 'sjse'
        },
        {
          title:'完税类型',
          align:"center",
          dataIndex: 'wslx_dictText'
        }
      ],
      url: {
        list: '/rlzy/buGsfwptRlzy/customRlzyList',
        printList: '/rlzy/buGsfwptRlzy/customRlzyPrintList',
        exportXlsUrl: '/rlzy/buGsfwptRlzy/exportXls',
        getDlmc: '/rlzy/buGsfwptRlzy/getDlmc',
        getQymc: '/rlzy/buGsfwptRlzy/getQymc',
        printCounts: '/rlzy/buGsfwptRlzy/customRlzyPrintCounts'

      },
      dictOptions: {},
      superFieldList: [],
      printing:'当前未打印',
      printTT:null

    }
  },
  created() {
    this.getSuperFieldList()
    this.initColumns()
    this.initDate()
    // this.loadPrintData()
    // this.loadPrintData1()

  },
  computed: {
    importExcelUrl: function() {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    }
  },
  methods: {
    handleChangeForDate(record){
      this.initSkrq = record ,
      this.queryParam.skrq =record ;
    },
    handleChange(record){
      this.dlmcDictOptions =[] ;
      if(this.queryParam.dlmc){
        Reflect.deleteProperty(this.queryParam, 'dlmc')
      }
      if(this.queryParam.qymc){
        Reflect.deleteProperty(this.queryParam, 'qymc')
      }
      if(this.queryParam.qymc){
        Reflect.deleteProperty(this.queryParam, 'qymc')
      }
      if(record !=""){
        this.initDzzt = record ;
        // 字典code格式：table,text,code
        getAction(this.url.getDlmc,{"dzzt":record}).then(res=>{
          if(res.success){
            this.dlmcDictOptions = res.result
            this.qymcDictOptions = []
            console.log("我是第一个",res)
          }else{
            this.$message.warning(res.message)
          }

        })
      }
    },
    handleChangeDlmc(record){
      this.qymcDictOptions = [] ;
      if(this.queryParam.qymc){
        Reflect.deleteProperty(this.queryParam, 'qymc')
      }
      if(record !="" && this.initDzzt !=''){
        // 字典code格式：table,text,code
        getAction(this.url.getQymc,{"dlmc":record , "dzzt":this.initDzzt}).then(res=>{
          if(res.success){
            this.qymcDictOptions = res.result
            console.log("我是第一个",res)
          }else{
            this.$message.warning(res.message)
          }

        })
      }
    },
    beforeSearchQuery() {
      this.tabActiveKey = '1';
      this.searchQuery('1')
    },
    beforeHandlePrint(){
      this.tabActiveKey = '2';
      this.printDataLoadStatus = -2;
      this.resetPrintStatus();
      this.getPrintCounts();
    },
    beforeHandlePrintDz(){
      this.tabActiveKey = '3';
      this.printDataLoadStatus = -2;
      this.resetPrintStatus();
      this.getPrintCounts();
    },
    changeTab(k) {
      this.tabActiveKey = k;
      if('1' != k) {
        this.printDataLoadStatus = -2;
        this.resetPrintStatus();
        this.getPrintCounts(k);
      }
    },
    resetPrintStatus() {
        this.dataPrintSource = [];
        this.printColumns = [];
        this.dataPrintSource1 = [];
        this.printColumns1 = [];
    },
    printListClick(num, tab, type){
      if(-1 == this.printDataLoadStatus) {
        this.$message.success(
          '请等待上一次操作完成！',
          3,
        );
        return ;
      }


      if(1 == type) {
        if(this.printDataLoadStatus == num) {
          tab == 2?this.$refs.printHiddenBtn1.$el.click():this.$refs.printHiddenBtn2.$el.click();
        } else {

          this.resetPrintStatus();

          this.printing='当前正在打印'+(((tab == 2)?'实缴':'代征'))+'第'+((num-1)*50+1)+' 至 ' + (num*50) + '页.'
          this.printPageNum = num;
          this.printDataLoadStatus = -1;

          tab == 2 ? this.loadPrintData() : this.loadPrintData1();

          let that = this;

          this.printTT = setInterval(() => {
            if(that.printDataLoadStatus == num) {
              clearInterval(that.printTT);
              tab == 2?this.$refs.printHiddenBtn1.$el.click():this.$refs.printHiddenBtn2.$el.click();
            }
          }, 100);
        }

      }
      if(2 == type) {
        this.printDataLoadStatus = -1;
        tab == 2 ? this.loadPrintData() : this.loadPrintData1();
      }


    },
    initDate (){
      const timeOne = new Date()
      const year = timeOne.getFullYear()
      let month = timeOne.getMonth() + 1
      let day = timeOne.getDate()
      month = month < 10 ? '0' + month : month
      day = day < 10 ? '0' + day : day
      const NOW_MONTHS_AGO = `${year}-${month}-${day}`
      console.log(NOW_MONTHS_AGO)
      this.initSkrq =  NOW_MONTHS_AGO
    },
    initColumns() {
      //权限过滤（列权限控制时打开，修改第二个参数为授权码前缀）
      //this.defColumns = colAuthFilter(this.defColumns,'testdemo:');
      var key = this.$route.name + ':colsettings'
      let colSettings = Vue.ls.get(key)
      if (colSettings == null || colSettings == undefined) {
        let allSettingColumns = []
        this.defColumns.forEach(function(item, i, array) {
          allSettingColumns.push(item.dataIndex)
        })
        this.settingColumns = allSettingColumns
        this.columns = this.defColumns
      } else {
        this.settingColumns = colSettings
        const cols = this.defColumns.filter(item => {
          if (item.key == 'rowIndex' || item.dataIndex == 'action') {
            return true
          }
          if (colSettings.includes(item.dataIndex)) {
            return true
          }

          return false
        })
        this.columns = cols
      }
    },
    //列设置更改事件
    onColSettingsChange(checkedValues) {
      //console.log();
      var key = this.$route.name + ':colsettings'
      Vue.ls.set(key, checkedValues, 7 * 24 * 60 * 60 * 1000)
      this.settingColumns = checkedValues
      const cols = this.defColumns.filter(item => {
        if (item.key == 'rowIndex' || item.dataIndex == 'action') {
          return true
        }
        if (this.settingColumns.includes(item.dataIndex)) {
          return true
        }
        if (!checkedValues.includes("sjse")  && item.dataIndex == 'sjse') {
          let div = document.querySelectorAll(" .containerPrint .ant-table-tbody > tr > td:nth-child(10)") ;

          console.log(div);
        }
        return false
      })
      this.columns = cols
    },
    initDictConfig() {
    },
    getSuperFieldList() {
      let fieldList = []
      fieldList.push({type:'string',value:'dzzt',text:'代征主体',dictCode:''})
      fieldList.push({type:'string',value:'dlmc',text:'代理名称',dictCode:''})
      fieldList.push({ type: 'string', value: 'qymc', text: '企业名称', dictCode: '' })
      fieldList.push({ type: 'string', value: 'dzh', text: '代征号', dictCode: '' })
      fieldList.push({ type: 'string', value: 'fwt', text: '办税服务厅', dictCode: '' })
      fieldList.push({ type: 'string', value: 'bdznsr', text: '被代征纳税人', dictCode: '' })
      fieldList.push({ type: 'string', value: 'bdznsrsbh', text: '被代征纳税人识别号', dictCode: '' })
      fieldList.push({ type: 'string', value: 'zsxm', text: '征收项目', dictCode: '' })
      fieldList.push({ type: 'string', value: 'zspm', text: '征收品目', dictCode: '' })
      fieldList.push({ type: 'string', value: 'skssq', text: '税款所属期', dictCode: '' })
      fieldList.push({ type: 'double', value: 'jsyj', text: '计税依据', dictCode: '' })
      fieldList.push({ type: 'double', value: 'sl', text: '税率', dictCode: '' })
      fieldList.push({ type: 'double', value: 'ydzse', text: '应代征税额', dictCode: '' })
      fieldList.push({ type: 'double', value: 'sjse', text: '实缴税额', dictCode: '' })
      fieldList.push({ type: 'date', value: 'lrrq', text: '录入日期' })
      fieldList.push({ type: 'date', value: 'skrq', text: '税款日期' })
      fieldList.push({type:'string',value:'wslx',text:'完税类型',dictCode:'bu_jygl_wslx'})
      this.superFieldList = fieldList
    }
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
/*自定义列表*/
.floatRight {
  float: right;
}
.ant-col-xl-6 {
  display: block;
  width: 18% !important;
}

</style>

<style media="print">

  @page {
    size: auto; /* auto is the initial value */
    margin: 5mm; /* this affects the margin in the printer settings */
    height: 21cm;
  }

</style>
<style lang="less">
.containerPrint {
  body{text-align:center;}
  table{
    border-spacing: 0;
    border-collapse: collapse;
    width: 90%;
    margin:auto;
    font-family: 宋体;
    margin-top: 2%;

  }

  .ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody > tr > td, .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
    border : 1px solid black !important;
    color: black !important;
    border-collapse:collapse ;
  }

  .ant-table-bordered .ant-table-thead > tr:nth-of-type(1){
    line-height: 50px;
  }
  .ant-table-bordered .ant-table-thead > tr:nth-of-type(1)> th {
    font-size: 16pt;
    font-weight: bold  !important;
    text-shadow: 0.15pt 0px 0px black,
    0.25pt 0px 0px black,
    0.35pt 0px 0px black,
    -0.25pt 0px 0px black,
    0px 0.25pt 0px black,
      0px -0.25pt 0px black;

  }
  .ant-table-bordered .ant-table-thead > tr:nth-of-type(2) > th {
    font-size: 12pt;

  }
  .ant-table-bordered .ant-table-thead > tr:nth-of-type(3) > th {
    font-size: 13pt;
    font-weight: bold  !important;
    text-shadow: 0.15pt 0px 0px black,
    0.25pt 0px 0px black,
    0.35pt 0px 0px black,
    -0.25pt 0px 0px black,
    0px 0.25pt 0px black,
      0px -0.25pt 0px black;
  }
  .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
    border: none !important;

  }
/*  .ant-table-bordered .ant-table-thead > tr:last-child > th {
    border-top: 1px solid black ;
  }*/
  .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
    border-bottom: none ;
  }
  tr > td {
    font-size: 13pt;
  }
  .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
    padding: 0;
    overflow-wrap: break-word;
  }
  .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
    padding: 0;
    overflow-wrap: break-word;
  }
  .ant-table-bordered .ant-table-thead > tr:nth-of-type(3) > th {
   text-align: center !important;

  }
  .ant-table-tbody > tr > td:nth-child(7) ,.ant-table-tbody > tr > td:nth-child(9) ,.ant-table-tbody > tr > td:nth-child(10){
    padding-right: 10px;
  }
  .ant-table-tbody > tr > td:nth-child(8) {
    padding: 0 10px 0 10px;
  }


}
</style>